/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
	.my-custom-class th.ui-table-priority-1,.my-custom-class td.ui-table-priority-1
		{
		display: table-cell;
	}
}
/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
	.my-custom-class  th.ui-table-priority-2,.my-custom-class td.ui-table-priority-2
		{
		display: table-cell;
	}
}

.table-stroke thead th {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.table-stroke tbody th,.table-stroke tbody td {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

/* Add alternating row stripes */
.table-stripe tbody tr:nth-child(odd) td,.table-stripe tbody tr:nth-child(odd) th
	{
	background-color: rgba(0, 0, 0, 0.04);
}
/* Add stroke to the header and last item */
.table-stripe thead th,.table-stripe tbody tr:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

/* tables */
table.tablesorter {
	font-family: arial;
	background-color: #CDCDCD;
	margin: 10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

table.tablesorter thead tr th,table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}

table.tablesorter tbody tr.odd td {
	background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}

table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp
	{
	background-color: #8dbdd8;
}

tr:hover {
	background-color: grey
}